<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title >产品详情 - 优衣库网络旗舰店</title>
    <link rel="shortcut icon" href="../favicon.ico">
    <link rel="stylesheet" href="../font/iconfont.css">
    <link rel="stylesheet" href="../css/detail.css">
</head>
<body>
    <header>
        <div class="dl">
            尊敬的<span>xxx</span>,你好! <button class="logout">注销</button>
        </div>
        <div class="ss">
            <p class=" iconfont icon-fangdajing"></p>
            <input class="search" type="text" value="" placeholder="站内搜索">
            <ol class="search_res">
                <li>1</li>
                <li>2</li>
                <li>3</li>
                <li>4</li>
                <li>5</li>
                <li>6</li>
                <li>7</li>
                <li>8</li>
                <li>9</li>
                <li>10</li>
            </ol>
        </div>
        <ul>
            <li class="iconfont icon-dizhi-01"> 门店购买</li>
            <li class="iconfont icon-kefu"> 联系客服</li>
            <li class="iconfont icon-wodedingdan"> 站内信</li>
            <li class="iconfont icon-gouwuche"><a href="../views/car.html">购物车</a></li>
            <li class="iconfont icon-shoucang"> 收藏夹</li>
            <li class="iconfont icon-user"> 账户</li>
            <li><a href="./login.html" target="_blank">登录</a></li>
            <li><a href="./regist.html" target="_blank">注册</a></li>
        </ul>
    </header>
    <nav>
        <ul>
            <li class="li_bg"><a href="./index.html" target="_blank"><img src="../img/LOGO.gif" alt=""></a></li>
            <li>女装 WOMEN</li>
            <li>男装 MEN</li>
            <li>童装 KIDS</li>
            <li class="li_bg">婴幼儿装 BABY</li>
        </ul>
        <ol>
            <li>防诈骗公告</li>
            <li>网站购买指南</li>
            <li>关注我们</li>
            <li class="ol_end">公告区</li>
            <li class="ol_end ol_end2">店铺资料</li>
        </ol>
    </nav>
    <section>
        <div class="box" id="box">
            <!-- 左侧图片列表 -->
            <!-- <div class="list">
                <button class="ttop iconfont icon-chevron-thin-up"></button>
                <ul>
                    <li class="active"> <img src="https://www.uniqlo.cn/hmall/test/u0000000027884/main/first/1000/1.jpg"
                        data-show="https://www.uniqlo.cn/hmall/test/u0000000027884/main/first/1000/1.jpg"
                        data-enlarge="https://www.uniqlo.cn/hmall/test/u0000000027884/main/first/1000/1.jpg"
                        alt="">
                    </li>
                    <li> <img src="https://www.uniqlo.cn/hmall/test/u0000000027884/main/other1/1000/2.jpg"
                        data-show="https://www.uniqlo.cn/hmall/test/u0000000027884/main/other1/1000/2.jpg"
                        data-enlarge="https://www.uniqlo.cn/hmall/test/u0000000027884/main/other1/1000/2.jpg"
                        alt="">
                    <li> <img src=""
                        data-show=""
                        data-enlarge=""
                        alt="">
                    <li> <img src=""
                        data-show=""
                        data-enlarge=""
                        alt="">
                    <li> <img src=""
                        data-show=""
                        data-enlarge=""
                        alt="">
                </ul>
                <button class="bbot iconfont icon-chevron-thin-down"></button>
            </div> -->
            <!-- 中间盒子 -->
            <!-- <div class="cent_box">
                <div class="lef iconfont icon-chevron-thin-left"></div>

                <div class="pic">
                    <img src="https://www.uniqlo.cn/hmall/test/u0000000027884/main/first/1000/1.jpg" alt="">

                    <div class="cursor"></div>
                </div>
                <div class="rig iconfont icon-chevron-thin-right"></div>
            </div> -->
            <!-- 商品信息 -->
            <!--  <div class="text">
                <div class="enlarge">

                </div>
                <p class="tit">男装连帽外套</p>
                <div class="price">
                    <span class="price_now">￥499.00</span>
                    <span class="price_start">初始上市价格:
                        <span>￥499.00</span>
                    </span>
                </div>
                <p class="col">颜色：</p>
                <ul class="bobo">
                    <li><img src="https://www.uniqlo.cn/hmall/test/u0000000027884/chip/22/COL09.jpg" alt=""></li>
                    <li><img src="https://www.uniqlo.cn/hmall/test/u0000000027884/chip/22/COL25.jpg" alt=""> </li>
                    <li><img src="https://www.uniqlo.cn/hmall/test/u0000000027884/chip/22/COL35.jpg" alt=""> </li>
                    <li><img src="https://www.uniqlo.cn/hmall/test/u0000000027884/chip/22/COL57.jpg" alt=""> </li>
                    <li><img src="https://www.uniqlo.cn/hmall/test/u0000000027884/chip/22/COL69.jpg" alt=""> </li>
                </ul>
                <div class="num">
                    <span class="num_tit">数量:</span>
                    <div>
                        <button>-</button>
                        <input type="text" value="1">
                        <button>+</button>
                    </div>
                    <span class="inventory">库存充足</span>
                </div>
                <div>
                    <button class="buy">立即购买</button>
                    <button class="car iconfont icon-gouwuche"> 添加至购物车</button>
                </div>
            </div>

        </div> -->
    </section>
    <footer>
        <ul>
            <li class="logo_uniqlo"><img src="https://www.uniqlo.cn/public/Image/L1/footer/footer_logo.gif" alt=""> </li>
            <li><a href="#">店铺资料</a></li>
            <li><a href="#">招聘信息</a></li>
            <li><a href="#">访问权限</a></li>
            <li><a href="#">隐私保护</a></li>
        </ul>
        <p>迅销（中国）商贸有限公司 沪ICP备09003223号-1 沪公网安备 31010402000957号</p>
    </footer>
    <script src="../js/polyfill.js"></script>
    <script src="../js/utils.js"></script>
    <script src="../js/detail_data.js"></script>
    <script src="../js/detail.js"></script>
    <script src="../js/search.js"></script>
    <script>

        
        // console.log(e)

    </script>
</body>
</html>